.m-container {
  background-color: #f6f6f6;
  height: 100%;
  position: absolute;
  width: 100%;
}

.my-container {
  display: flex;
  background-color: #fff;
  padding: 10Px 30Px 20Px;
  align-items: center;
  .my-img {
    width: 140rpx;
    height: 140rpx;
    border-radius: 70rpx;
    overflow: hidden;
    image {
      width: 140rpx;
      height: 140rpx;
    }
  }
  .my-info {
    flex: auto;
    margin-left: 16Px;
    p:first-child {
      font-size: 32rpx;
      color: #333;
    }
  }

  .login-btn-box {
    justify-content: center;
  }

  .login-btn {
    margin: auto;
    width: 10em;
  }
}

.detail-container {
  margin-top: 10Px;
  background-color: #fff;
  .detail-list {
    display: flex;
    align-items: center;
    &:last-child .deatil-contain {
      border-bottom: none;
    }
    .detail-icon {
      margin-left: 14Px;
      display: flex;
      align-items: center;
      image {
        width: 54rpx;
        height: 54rpx;
      }
    }
    .deatil-contain {
      padding: 16Px 0;
      flex: auto;
      display: flex;
      margin-left: 30rpx;
      border-bottom: 1Px solid #e8e8e8;
      align-items: center;
      .detail-name {
        flex: auto;
        font-size: 30rpx;
      }
      .detail-right {
        padding-right: 4Px;
        image {
          width: 30Px;
          height: 15Px;
        }
      }
    }
  }
}
